﻿.document a {
    color: #666
}

    .document a:HOVER {
        color: #10af88
    }

.document h4 {
    font-size: 16px;
    font-weight: bold;
}

.document select {
    height: 34px;
}

    .document select option {
        font-size: 14px;
    }

.d_document_navi {
    position: absolute;
    width: 320px;
    padding: 25px 30px;
    overflow: auto;
    font-size: 15px;
    color: #666;
}

.d_document_list {
    padding: 25px 30px;
    margin-left: 301px;
    background-color: #fff;
    overflow: auto;
    height: 100%;
    border-left: 1px solid #ccc;
}

.d_navi {
    width: 313px;
    float: left;
    overflow-y: scroll;
    color: #666;
    padding: 25px 30px;
    z-index: 1
}

    .d_navi ul li {
        margin: 12px 0 0 0
    }

        .d_navi ul li a {
            color: #666
        }

            .d_navi ul li a:HOVER {
                color: #10af88
            }

    .d_navi h3 {
        width: 250px;
    }

    .d_navi .d_tree_btns {
        width: 250px;
        line-height: 30px;
    }

.d_document_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}

.d_tree {
    width: 250px;
}

    .d_tree ul li {
        margin: 12px 0 0 10px;
    }

.d_tree_node {
    cursor: pointer;
    float: left;
}

.d_tree_node_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    float: left;
}

    .d_tree_node_text .fa-caret-down, .d_tree_node_text .fa-caret-right {
        width: 10px;
    }

.d_tree_node:HOVER {
    color: #10af88
}

.d_delete:HOVER {
    color: red
}

.d_current_node {
    color: #10af88
}

.d_current_a span {
    font-weight: bold;
    color: #10af88
}

.d_current_a i {
    font-weight: bold;
    color: #10af88
}

.d_content {
    float: left;
    overflow: auto;
    background: #fff;
    margin-left: -17px;
    border-left: 1px solid #ddd;
    z-index: 2
}

#d_content_area {
    overflow-y: scroll;
}

#d_preview_area table {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-bottom: 10px;
    border-collapse: 0;
    border-spacing: 0;
    width: 100%;
}

    #d_preview_area table th {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 6px 12px;
        background-color: #eee;
    }

    #d_preview_area table td {
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        padding: 6px 12px;
    }

#d_preview_area ul {
    padding-left: 30px;
    list-style: disc;
}

    #d_preview_area ul li {
        line-height: 22px;
    }

#d_preview_area ol {
    padding-left: 30px;
}

    #d_preview_area ol li {
        line-height: 22px;
    }

.d_oneword_code {
    padding: 2px 4px;
    margin: 0 2px;
    color: #c7254e;
    white-space: nowrap;
    background-color: #f9f2f4;
    border-radius: 4px;
    display: inline;
}

.d_line {
    border-bottom: 1px solid #ddd;
    margin: 15px 0;
}

.d_add {
    float: right;
    display: block;
    padding: 0px 0px;
    font-size: 16px;
}

.d_project {
    width: 100%;
    margin-bottom: 10px;
}

.d_button {
    background-color: #11a782;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    outline: medium none;
    padding-left: 15px;
    padding-right: 15px;
}

.d_disable_btn {
    background-color: #ddd;
    border: 0 none;
    border-radius: 4px;
    color: #ffffff;
    display: inline-block;
    height: 40px;
    outline: medium none;
    padding-left: 15px;
    padding-right: 15px;
}

.d_button:HOVER {
    background-color: #13bb92;
}

.d_edit_part_d {
    float: left;
    padding-bottom: 10px;
}

.d_edit_area .d_input_text {
    border: none;
    width: 100%;
}

.d_edit_area textarea {
    padding: 10px;
    width: 100%;
    overflow: hidden;
    line-height: 21px;
    font-size: 14px;
}

.simple_text {
    border-left: 4px solid #ccc;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 100%;
}

.table_text {
    border: 1px solid #fff;
    width: 100%;
}

.d_edit_item_area {
    width: 180px;
}

.d_edit_item_area {
    width: 180px;
    height: 280px;
    display: none;
}

.d_edit_item_area_n {
    float: left;
}

.d_edit_item_area_m {
    position: fixed;
    top: 80px;
}

.d_edit_item {
    width: 80px;
    height: 80px;
    border: 1px solid #d5d4d4;
    border-radius: 5px;
    margin: 0 0 10px 10px;
    float: left;
    cursor: move;
    text-align: center;
    color: #aba9a9;
    background: #fff
}

    .d_edit_item:HOVER {
        border: 1px solid #10af88;
        color: #10af88
    }

    .d_edit_item i {
        font-size: 32px;
        padding-top: 15px;
        line-height: 32px;
    }

    .d_edit_item span {
        font-size: 12px;
    }

.d_callout {
    margin-bottom: 10px;
}

.d_callout_info {
    border-left: 4px solid #5bc0de;
    background: #f4f8fa;
    padding: 10px;
}

.d_callout_warn {
    border-left: 4px solid #f0ad4e;
    background: #fcf8f2;
    padding: 10px;
}

.d_callout_danger {
    border-left: 4px solid #d9534f;
    background: #fdf7f7;
    padding: 10px;
}

.d_callout_success {
    border-left: 4px solid #50af51;
    background: #f3f8f3;
    padding: 10px;
}

.d_callout input {
    background-color: transparent;
    font-size: 15px;
    padding: 10px 5px 0 10px;
    margin-bottom: 5px;
}

.d_callout textarea {
    background-color: transparent
}

.d_callout_icons a {
    margin-left: 10px;
    color: #aaa
}

a.d_callout_icon_info {
    color: #5bc0de
}

a.d_callout_icon_warn {
    color: #f0ad4e
}

a.d_callout_icon_danger {
    color: #d9534f
}

a.d_callout_icon_success {
    color: #50af51
}

.d_p_list_area {
    padding: 25px 30px;
}

.d_project1 {
    width: 200px;
    height: 100px;
    border: 1px solid #ccc;
    background: #eee;
    float: left;
    margin: 0 10px 10px 0;
    cursor: pointer;
}

.d_project1_row {
    padding: 8px 8px 0 8px;
    height: 33%
}

.d_project1_title {
    font-size: 16px;
    color: #333;
}

.d_project1_info {
    font-size: 12px;
    color: #666
}

.d_edit_part hr {
    margin-bottom: 10px;
    margin-top: 10px;
}

.d_line_n {
    border: 1px solid #ccc;
}

.d_line_n_arrow {
    border-bottom: 7px solid transparent;
    border-left: 10px solid #ccc;
    border-top: 7px solid transparent;
}

.d_line_c {
    border: 1px solid #11a782;
}

.d_line_c_arrow {
    border-bottom: 7px solid transparent;
    border-left: 10px solid #11a782;
    border-top: 7px solid transparent;
}

.d_clear_button {
    cursor: pointer;
    color: #888;
    text-align: center;
}

    .d_clear_button:HOVER {
        color: #10af88
    }

.d_main_version {
    font-weight: bold;
}

.d_beta_version {
    font-weight: bold;
}

.d_public_version {
    font-weight: bold;
}

.d_c_menu {
    width: 84px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 2;
    padding: 5px;
    text-align: center;
    display: none;
    position: absolute;
}

    .d_c_menu a {
        line-height: 30px;
    }

    .d_c_menu span {
        line-height: 30px;
    }

        .d_c_menu span:HOVER {
            color: #10af88
        }

.d_c_menu_arrow1 {
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
    font-size: 0;
    line-height: 0;
    margin-top: -22px;
    margin-left: 49px;
}

.d_c_menu_arrow2 {
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    font-size: 0;
    line-height: 0;
    margin-top: -15px;
    margin-left: 49px;
    margin-bottom: 3px
}

.d_pointer {
    cursor: pointer;
}

.d_show_category {
    font-weight: bold;
    font-size: 18px;
    padding: 0px 15px;
}

.d_warn {
    border: 1px solid #eed3d7;
    color: #b94a48;
    background: #f2dede;
    padding: 14px;
    border-radius: 4px;
}

.d_info {
    border: 1px solid #d5d4d4;
    color: #999;
    background: #ffc;
    padding: 14px;
    border-radius: 4px;
    margin: 0 0 10px 10px;
    font-size: 12px;
}

.d_list_chose_btn {
    cursor: pointer;
    display: block;
    padding-bottom: 10px;
}

.d_list_chose_btn_on {
    color: #10af88
}

.d_list_chose_btn:HOVER {
    color: #10af88
}

.d_list_info {
    float: right;
    margin-left: 10px;
    font-size: 12px;
}

.d_input_tips {
    color: #999
}

.d_enter_tips {
    color: #aaa;
    line-height: 40px;
    margin-left: 5px;
}

.d_theme_one {
    float: left;
    text-align: center;
}

.d_theme_pic {
    border: 1px solid #ccc;
    padding: 2px;
    margin-top: 2px;
    cursor: pointer;
    height: 250px
}

    .d_theme_pic:HOVER {
        border: 2px solid #10af88;
        padding: 1px;
    }

.d_time_user {
    font-size: 12px;
    margin-top: 10px;
    color: #999;
}

.d_tit_ri_btns {
    width: 170px;
    line-height: 40px;
    float: right;
    color: #888;
}

.d_page li a {
    margin-right: 5px;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.7);
    display: block;
    font-family: Courier New, Arial;
    font-size: 12pt;
    padding: 3px 6px;
    text-align: center;
    text-decoration: none;
    float: left;
}

.d_page li.current a {
    background: none repeat scroll 0 0 #10af88;
    border-radius: 40px;
    color: #fff;
    font-weight: bold;
}

    .d_page li.current a:HOVER {
        background: none repeat scroll 0 0 #10af88;
        border-radius: 40px;
        color: #fff;
        font-weight: bold;
    }

.d_page li a:HOVER {
    background: transparent;
    color: #10af88;
}

pre code {
    white-space: pre-wrap
}
/** 閬僵灞� **/
.d_fullbg {
    background-color: Gray;
    left: 0px;
    opacity: 0.5;
    position: absolute;
    top: 0px;
    z-index: 3;
    filter: alpha(opacity = 50); /* IE6 */
    -moz-opacity: 0.5; /* Mozilla */
    -khtml-opacity: 0.5; /* Safari */
}

.d_content_fullbg {
    background-color: Gray;
    left: 362px;
    top: 60px;
    opacity: 0.5;
    position: absolute;
    z-index: 3;
    filter: alpha(opacity = 50); /* IE6 */
    -moz-opacity: 0.5; /* Mozilla */
    -khtml-opacity: 0.5; /* Safari */
}

.d_dialog {
    background-color: #FFF;
    border: 1px solid #888;
    border-radius: 4px;
    display: none;
    left: 50%;
    margin-left: -240px;
    padding: 12px 20px;
    position: fixed !important; /* 娴姩瀵硅瘽妗� */
    position: absolute;
    top: 35%;
    width: 480px;
    z-index: 5;
    -webkit-box-shadow: 0 0 30px #444;
    -moz-box-shadow: 0 0 30px #444;
    box-shadow: 0 0 30px #444;
}

    .d_dialog p {
        margin: 0 0 12px;
    }

        .d_dialog p.d_close {
            text-align: right;
        }

.d_doc_dec {
    font-size: 12px;
}

.d_widget_btn_nvs {
    font-size: 16px;
    margin: 0 0 10px 10px;
    border-bottom: 1px solid #ccc;
}

    .d_widget_btn_nvs i {
        padding-bottom: 2px;
    }

.d_widget_btn_nv {
    padding: 0 5px;
    cursor: pointer;
}

    .d_widget_btn_nv:HOVER {
        color: #11a782;
        border-bottom: 1px solid #ccc;
    }

.d_widget_btn_nv_on {
    color: #11a782;
    border-bottom: 1px solid #ccc;
}

.d_num_refresh_btn {
    cursor: pointer;
    float: right;
}

    .d_num_refresh_btn:HOVER {
        color: #11a782;
    }

.d_widget_content_part {
    padding-left: 10px;
    margin-bottom: 10px;
}

.d_widget_content_num {
    margin: 0 2px;
    font-size: 17px;
    color: #11a782;
}

.d_widget_content_little_title {
    border-bottom: 1px dashed #ccc;
    color: #11a782;
}

.d_widget_content_select {
    margin-top: 5px;
    width: 100%;
}

.noshow {
    display: none;
}

.d_navi_icon {
    width: 15px;
    text-align: center;
}

.d_type_menu {
    border: 1px solid #ccc;
    background: #fff;
    z-index: 2;
    padding: 5px;
    text-align: center;
    display: none;
    position: absolute;
    right: 0px;
}

    .d_type_menu li {
        cursor: pointer;
        line-height: 25px;
        margin: 0 5px;
        font-size: 12px;
    }

        .d_type_menu li:HOVER {
            color: #10af88;
        }

.d_type_more_menu {
    position: absolute;
    background: #fff;
    margin: 10px;
    padding: 0 10px;
    z-index: 2;
    display: none;
    top: -12px;
    border: 1px solid #ccc;
    padding-top: 10px
}

    .d_type_more_menu li {
        cursor: pointer;
        line-height: 30px;
        margin: 0 5px;
        font-size: 16px;
    }

        .d_type_more_menu li:HOVER {
            color: #10af88;
        }

.d_list_chose_btn .fa-times:HOVER {
    color: red;
}

.d_type_more_menu li .fa-times {
    float: right;
    margin-left: 10px;
}

.d_type_more_menu li .fa-pencil {
    float: right;
    margin-left: 10px;
}

.d_type_more_menu li .fa-times:HOVER {
    color: red;
}

.d_type_more_menu li .fa-pencil:HOVER {
    color: red;
}

.d_detail_update_time {
    position: absolute;
    left: 0px;
    bottom: -55px;
    font-size: 13px;
    color: #999;
}

.d_del_part {
    border: 1px dashed red !important;
    margin-top: -2px !important;
}

table tbody tr td[class=d_table_del_btn] {
    vertical-align: middle;
    background-color: #ddd;
    width: 24px;
    padding: 0px;
    cursor: pointer;
    text-align: center;
}

    table tbody tr td[class=d_table_del_btn] i {
        color: #fff;
    }

    table tbody tr td[class=d_table_del_btn]:HOVER {
        background-color: #10af88;
    }

@media ( min-width : 1050px) {
    .d_doc_dec {
        width: 800px;
    }
}

.highlight {
    color: #FF4040;
}

#d_preview_area p {
    white-space: pre-wrap;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

input {
    padding: 0;
    border: 1px solid #10af88;
}

body {
    line-height: 1;
    color: #000;
    background: #fff;
}

ol, ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
    vertical-align: middle;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

a img {
    border: none;
}

body {
    width: 100%;
}

    body:before, body:after {
        content: "";
        display: table;
    }

    body:after {
        clear: both;
    }

#page-banner, #banner {
    border-bottom: 1px solid #ccc;
    background-color: #eee;
    -webkit-background-size: 500px;
    -moz-background-size: 500px;
    background-size: 500px;
}

@media all and (-webkit-min-device-pixel-ratio:1.5), ( min--moz-device-pixel-ratio :1.5), ( -o-min-device-pixel-ratio :1.5/1), ( min-device-pixel-ratio :1.5), ( min-resolution :138dpi), ( min-resolution :1.5dppx) {
    #page-banner, #banner, #page-banner, #banner {
        -webkit-background-size: auto auto;
        -moz-background-size: auto auto;
        background-size: auto auto;
    }
}

#main-nav-toggle:before, #github-btn:before, #search-btn:before,
#page-edit-link:before, .page-entry blockquote:before,
#page-footer-prev:before, #page-footer-next:after, #news-subscribe-link:before,
.api-deprecated-msg:before, #banner-getting-started-btn:before,
.intro-feature:before, .footer-link:before {
    font-family: icomoon;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#page-edit-link, #news-subscribe-link {
    color: #aaa;
    text-shadow: 1px 0 #eee;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    font-size: 24px;
}

    #page-edit-link:hover, #news-subscribe-link:hover {
        color: #888;
    }

/* @media ( max-width : 768px) {
	#page-edit-link, #news-subscribe-link, #page-edit-link,
		#news-subscribe-link {
		display: none;
	}
} */
body {
    font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-text-size-adjust: 100%;
}

.outer {
    margin: 0 auto;
}

    .outer:before, .outer:after {
        content: "";
        display: table;
    }

    .outer:after {
        clear: both;
    }

.inner {
    display: inline;
    float: left;
    width: 100%;
}

#header {
    background: #fff;
    border-bottom: 1px solid #ccc;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}

#logo-wrap {
    text-align: center;
    position: relative;
}

#logo-wrap {
    float: left;
}

#logo {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 127px;
    height: 30px;
    background-image: url("images/logo.png");
    display: block;
}

@media all and (-webkit-min-device-pixel-ratio:1.5), ( min--moz-device-pixel-ratio :1.5), ( -o-min-device-pixel-ratio :1.5/1), ( min-device-pixel-ratio :1.5), ( min-resolution :138dpi), ( min-resolution :1.5dppx) {
    #logo {
        background-image: url("images/logo@2x.png");
        -webkit-background-size: 127px 30px;
        -moz-background-size: 127px 30px;
        background-size: 127px 30px;
    }
}

#main-nav-toggle {
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #999;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 24px;
}

    #main-nav-toggle:before {
        width: 24px;
        height: 24px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        content: "\f0c9";
    }

    #main-nav-toggle:hover, #main-nav-toggle:active {
        color: #555;
    }

#main-nav-toggle {
    display: none;
}

#main-nav.on {
    display: block;
}

/* @media ( max-width : 768px) {
	#main-nav {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		margin-top: -20px;
		border-bottom: 1px solid #ddd;
		background: #fff;
		display: none;
		z-index: 1;
	}
} */
#main-nav {
    float: right;
    margin: 0;
}

#main-nav-list {
    float: left;
}

.main-nav-item {
    margin: 10px;
}

.main-nav-item {
    float: left;
    margin: 0 15px;
}

.main-nav-link {
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    color: #999;
    text-align: center;
    padding: 10px 15px;
    line-height: 1;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.main-nav-link {
    padding: 10px 0;
}

    .main-nav-link:hover, .main-nav-link:active {
        color: #10af88;
    }

    .main-nav-link:hover, .main-nav-link:active {
        background: #10af88;
        color: #fff;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

#github-btn, #search-btn {
    float: left;
    display: none;
    width: 18px;
    height: 18px;
    text-align: center;
    padding: 8px;
    line-height: 18px;
    cursor: pointer;
    color: #999;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
    text-decoration: none;
}

    #github-btn:hover, #search-btn:hover {
        color: #10af88;
    }

    #github-btn:before, #search-btn:before {
        font-size: 18px;
    }

#github-btn, #search-btn, #github-btn, #search-btn {
    display: block;
}

    #github-btn:before {
        content: "\f113";
    }

    #search-btn:before {
        content: "\f002";
    }

#page-banner {
    padding: 30px 0;
    text-align: center;
}

#page-banner {
    padding: 20px 0;
    text-align: left;
}

#page-banner-inner {
    position: relative;
}

#page-title {
    color: #555;
    font: 300 20px Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 1px 0 #eee;
    line-height: 1em;
}

#page-edit-link:before {
    content: "\f040";
}

.page-content {
    display: inline;
}

.page-entry {
    line-height: 1.6em;
    color: #444;
}

    .page-entry p {
        white-space: pre-wrap;
    }

    .page-entry p, .page-entry ol, .page-entry ul, .page-entry dl,
    .page-entry table, .page-entry blockquote, .page-entry iframe,
    .page-entry .highlight {
        line-height: 1.9em;
        margin: 1.6em 0;
    }

    .page-entry td p {
        margin: 0.1em 0;
    }

    .page-entry h1 {
        font-size: 2em;
    }

    .page-entry h2 {
        font-size: 1.5em;
    }

    .page-entry h3 {
        font-size: 1.3em;
    }

    .page-entry h1, .page-entry h2, .page-entry h3, .page-entry h4,
    .page-entry h5, .page-entry h6 {
        line-height: 1em;
        font-weight: bold;
        margin: 1em 0;
    }

    .page-entry a {
        color: #10af88;
        text-decoration: none;
    }

        .page-entry a:hover {
            text-decoration: underline;
        }

    .page-entry strong {
        font-weight: bold;
    }

    .page-entry em {
        font-style: italic;
    }

    .page-entry ul, .page-entry ol, .page-entry dl {
        margin-left: 20px;
    }

        .page-entry ul ul, .page-entry ol ul, .page-entry dl ul, .page-entry ul ol,
        .page-entry ol ol, .page-entry dl ol, .page-entry ul dl, .page-entry ol dl,
        .page-entry dl dl {
            margin-top: 0;
            margin-bottom: 0;
        }

    .page-entry ul {
        list-style: disc;
    }

    .page-entry ol {
        list-style: decimal;
    }

    .page-entry dl {
        list-style: square;
    }

    .page-entry li p {
        margin: 0;
    }

    .page-entry li table, .page-entry li blockquote, .page-entry li iframe,
    .page-entry li .highlight {
        margin: 1em 0;
    }

    .page-entry blockquote {
        border: 1px solid #ddd;
        border-left: 4px solid #ddd;
        padding: 0 20px;
        position: relative;
    }

    .page-entry blockquote {
        margin-left: 40px;
    }

        .page-entry blockquote footer {
            margin: 1em 0;
            font-style: italic;
        }

            .page-entry blockquote footer cite a {
                color: #999;
            }

    .page-entry .note.success {
        border-left-color: #50af51;
    }

    .page-entry .note.info {
        border-left-color: #5bc0de;
    }

    .page-entry .note.warn {
        border-left-color: #f0ad4e;
    }

    .page-entry .note.danger {
        border-left-color: #d9534f;
    }

    .page-entry .note-title {
        margin: 1em 0;
        display: block;
        font-size: 1.3em;
        font-weight: bold;
    }

    .page-entry table {
        width: 100%;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

        .page-entry table th {
            font-weight: bold;
            background: #eee;
        }

        .page-entry table th, .page-entry table td {
            padding: 5px 15px;
        }

        .page-entry table tr:nth-child(2n) {
            /*background: #eee;*/
        }

#page-footer {
    border-top: 1px solid #ddd;
    color: #999;
    padding: 1em 0 30px;
    text-align: center;
}

    #page-footer:before, #page-footer:after {
        content: "";
        display: table;
    }

    #page-footer:after {
        clear: both;
    }

#page-footer-updated {
    font-size: 0.9em;
    display: none;
}

#page-footer-updated {
    display: inline;
}

#page-footer-prev, #page-footer-next {
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #10af88;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}

#page-footer-prev {
    float: left;
}

    #page-footer-prev:before {
        content: "\f060";
        padding-right: 10px;
    }

#page-footer-next {
    float: right;
}

    #page-footer-next:after {
        content: "\f061";
        padding-left: 10px;
    }

#page-mobile-menu {
    width: 100%;
    margin: 30px 0 0;
    display: none;
}
/* 
@media ( max-width : 768px) {
	#page-mobile-menu {
		display: block;
	}
} */
.toc-wrap {
    float: right;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #eee;
    border: 1px solid #ddd;
    margin: 1.6em 0 1em 2em;
    padding: 10px 15px;
    line-height: 1.6em;
}

.toc-title {
    font-weight: bold;
    color: #444;
}

.toc-link {
    color: #10af88;
    text-decoration: none;
    font-size: 0.9em;
}

    .toc-link:hover {
        text-decoration: underline;
    }

.toc-child {
    margin-left: 1em;
}

#sidebar {
    margin: 0 1.2254901960784%;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 30px 0 40px;
}

/* @media ( max-width : 768px) {
	#sidebar {
		display: none;
	}
} */
.sidebar-title {
    display: block;
    margin: 10px 0;
    color: #666;
    position: relative;
    padding-left: 20px;
    font-size: 102%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .sidebar-title:before {
        content: "";
        width: 8px;
        height: 8px;
        background: #666;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        top: 7px;
        left: 0;
    }

.sidebar-link {
    color: #666;
    text-decoration: none;
    display: block;
    font-weight: 300;
    padding: 5px 15px;
    border-left: 2px solid #ddd;
    margin-left: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .sidebar-link:hover, .sidebar-link.current {
        color: #10af88;
        border-color: #10af88;
    }

    .sidebar-link.current {
        font-weight: bold;
        border-left-color: #10af88;
    }

#news-subscribe-link:before {
    content: "\f09e";
}

#post-list {
    padding-bottom: 30px;
}

.post {
    padding: 20px 0;
    width: 860px;
    margin: 0 auto;
}

    .post.full {
        padding: 60px 0 30px;
    }

.post-header {
    text-align: center;
}

.post-title {
    font: 300 2em Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.2em;
    color: #444;
    text-decoration: none;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}

a.post-title:hover {
    color: #10af88;
}

.post-date-wrap {
    padding: 20px 0;
}

.post-date {
    font: 300 0.9em Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1em;
    color: #999;
    text-decoration: none;
    position: relative;
    background: #fff;
    padding: 0 8px;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}

    .post-date:hover {
        color: #444;
    }

.post-footer {
    padding: 20px 0 40px;
}

#api-header {
    margin: 1.6em 0;
}

    #api-header:before, #api-header:after {
        content: "";
        display: table;
    }

    #api-header:after {
        clear: both;
    }

#api-title {
    color: #444;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 4px;
}

.api-meta {
    color: #999;
    font-size: 0.85em;
    line-height: 1.6em;
    float: left;
}

    .api-meta a {
        color: #10af88;
        text-decoration: none;
    }

        .api-meta a:hover {
            text-decoration: underline;
        }

.api-options {
    float: right;
    font-size: 0.85em;
    color: #444;
}

.api-section-title {
    border-top: 1px solid #ddd;
    padding-top: 1em;
}

.api-item {
    margin: 2.5em 0;
}

    .api-item.private, .api-item.protected, .api-item.deprecated {
        display: none;
    }

.api-item-title {
    font-weight: normal;
    margin-bottom: 6px;
    display: inline;
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, monospace;
}

    .api-item-title a {
        color: #444;
    }

.api-item-params {
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, monospace;
}

.api-deprecated-msg {
    margin: 1.6em 0;
    color: #444;
}

    .api-deprecated-msg:before {
        content: "\f06a";
        color: #f00;
    }

    .api-deprecated-msg strong {
        font-weight: bold;
        color: #f00;
    }

.api-item-type {
    color: #999;
}

    .api-item-type a, .api-item-type span {
        border-bottom: 1px dotted #999;
    }

        .api-item-type a:hover {
            text-decoration: none;
        }

    .api-item-type span {
        color: #444;
    }

.api-item-flag {
    background: #999;
    color: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.85em;
    margin: 0 6px;
    padding: 3px 5px;
}

.api-item-meta {
    color: #999;
    font-size: 0.85em;
    line-height: 1.6em;
}

    .api-item-meta a {
        color: #10af88;
        text-decoration: none;
    }

        .api-item-meta a:hover {
            text-decoration: underline;
        }

.api-item-subtitle {
    margin: 1.6em 0;
}

#banner {
    padding-top: 50px;
    padding-bottom: 50px;
}

#banner {
    padding-top: 150px;
}

#banner-title {
    color: #555;
    font: 300 35px Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-shadow: 1px 0 #eee;
    line-height: 1.3;
}

#banner-getting-started-prefix, #banner-getting-started-input {
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, monospace;
    font-size: 14px;
    line-height: 40px;
}

#banner-getting-started-prefix, #banner-getting-started-input,
#banner-getting-started-prefix, #banner-getting-started-input {
    font-size: 16px;
}

#banner-getting-started {
    padding-top: 30px;
}

    #banner-getting-started:before, #banner-getting-started:after {
        content: "";
        display: table;
    }

    #banner-getting-started:after {
        clear: both;
    }

#banner-getting-started-prefix {
    float: left;
    background: #c8c8c8;
    padding-left: 15px;
    color: #999;
}

#banner-getting-started-input {
    float: left;
    float: left;
    background: #c8c8c8;
    color: #555;
    border: none;
    padding: 0 15px;
    margin: 0;
    height: 40px;
    -webkit-border-radius: 0;
    border-radius: 0;
}

#banner-getting-started-btn {
    float: left;
    background: #bbb;
    color: #777;
    text-decoration: none;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}

    #banner-getting-started-btn:hover {
        background: #aaa;
        color: #555;
    }

    #banner-getting-started-btn:before {
        content: "\f061";
    }

#banner-share {
    padding: 100px 0 0;
    display: none;
}

#banner-share {
    display: block;
}

.intro-wrap {
    padding: 20px 0;
}

.intro-wrap {
    padding: 40px 0;
}

.intro-feature-wrap {
    display: inline;
    float: left;
    width: 97.5490196078431%;
    margin: 0 1.2254901960784%;
}

.intro-feature-wrap {
    display: inline;
    float: left;
    width: 47.5490196078431%;
    margin: 0 1.2254901960784%;
}

.intro-feature {
    margin: 20px 0;
    padding-left: 50px;
    position: relative;
}

.intro-feature {
    margin: 40px 0;
}

    .intro-feature:before {
        font-size: 30px;
        position: absolute;
        top: 0;
        left: 0;
        color: #10af88;
    }

#intro-feature-fast:before {
    content: "\e604";
}

#intro-feature-markdown:before {
    content: "\e606";
}

#intro-feature-deploy:before {
    content: "\e603";
}

#intro-feature-plugin:before {
    content: "\e605";
}

.intro-feature-title {
    font-weight: 300;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #10af88;
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 1.3em;
}

.intro-feature-desc {
    color: #444;
    line-height: 2em;
}

#intro-cmd-wrap {
    margin: 20px auto;
    width: 700px;
    overflow: auto;
    background: #eee;
    padding: 15px 0;
}

#intro-cmd-wrap {
    margin: 40px auto;
}

.intro-cmd-item {
    line-height: 1.8;
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, monospace;
    font-size: 16px;
    color: #444;
    white-space: nowrap;
}

    .intro-cmd-item:before {
        content: "$";
        padding-right: 10px;
        color: #10af88;
    }

#intro-btn-wrap {
    text-align: center;
    padding: 25px 0;
}

#intro-btn {
    display: inline-block;
    padding: 15px 30px;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    border: 3px solid #10af88;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #10af88;
    font-size: 16px;
    text-transform: uppercase;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none;
    line-height: 1;
}

    #intro-btn:hover {
        color: #fff;
        background: #10af88;
    }

#footer {
    padding: 30px 0;
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #999;
    line-height: 1.5;
    border-top: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
}

#footer {
    text-align: center;
}

#footer-copyright {
    float: center;
}

    #footer-copyright a {
        color: #777;
        text-decoration: none;
    }

        #footer-copyright a:hover {
            text-decoration: underline;
            color: #10af88;
        }
/* 
@media ( max-width : 768px) {
	#footer-links {
		margin-top: 25px;
	}
} */
#footer-links {
    float: right;
    margin-right: -10px;
}

.footer-link {
    text-decoration: none;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    color: #999;
    margin: 0 10px;
    -webkit-transition: color 0.2s;
    -moz-transition: color 0.2s;
    -ms-transition: color 0.2s;
    transition: color 0.2s;
}

    .footer-link:hover {
        color: #10af88;
    }

    .footer-link span {
        display: none;
    }

#footer-link-twitter:before {
    content: "\f099";
}

#footer-link-github:before {
    content: "\f113";
}

pre, code {
    font-family: "Source Code Pro", Monaco, Menlo, Consolas, monospace;
    color: #4d4d4c;
    background: #eee;
    font-size: 13px;
}

code {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #ddd;
    padding: 0 5px;
}

pre {
    padding: 10px 15px;
    line-height: 22px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

    pre code {
        border: none;
        display: block;
        padding: 0;
    }

.highlight {
    background: #eee;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 15px;
    color: #4d4d4c;
    overflow: auto;
    margin: 0;
}

    .highlight figcaption {
        margin: -5px 0 5px;
        font-size: 0.9em;
        color: #999;
    }

        .highlight figcaption:before, .highlight figcaption:after {
            content: "";
            display: table;
        }

        .highlight figcaption:after {
            clear: both;
        }

        .highlight figcaption a {
            float: right;
        }

    .highlight pre {
        padding: 0;
        border: none;
        background: none;
    }

    .highlight .line {
        height: 22px;
    }

pre .comment, pre .title {
    color: #8e908c;
}

pre .variable, pre .attribute, pre .tag, pre .regexp, pre .ruby .constant,
pre .xml .tag .title, pre .xml .pi, pre .xml .doctype, pre .html .doctype,
pre .css .id, pre .css .class, pre .css .pseudo {
    color: #c82829;
}

pre .number, pre .preprocessor, pre .built_in, pre .literal, pre .params,
pre .constant {
    color: #f5871f;
}

pre .class, pre .ruby .class .title, pre .css .rules .attribute {
    color: #718c00;
}

pre .string, pre .value, pre .inheritance, pre .header, pre .ruby .symbol,
pre .xml .cdata {
    color: #718c00;
}

pre .css .hexcolor {
    color: #3e999f;
}

pre .function, pre .python .decorator, pre .python .title, pre .ruby .function .title,
pre .ruby .title .keyword, pre .perl .sub, pre .javascript .title, pre .coffeescript .title {
    color: #4271ae;
}

pre .keyword, pre .javascript .function {
    color: #8959a8;
}

.call_out_icon {
    position: absolute;
    left: -40px;
    top: 20px;
    font-size: 25px;
}

em.d_callout_icon_info {
    color: #5bc0de
}

em.d_callout_icon_warn {
    color: #f0ad4e
}

em.d_callout_icon_danger {
    color: #d9534f
}

em.d_callout_icon_success {
    color: #50af51
}

.document_a {
    border-left: none;
    padding: 0 0 0 2px;
    margin: 10px 0
}

.document_em {
    margin-right: 12px;
}

.version_s {
    margin-left: 10px;
}

.search_area input[type='text'] {
    float: left;
    height: 25px;
    width: 200px;
    padding: 0 10px;
    margin-top: 5px;
}

.search_area input[type='button'] {
    float: left;
    height: 27px;
    background-color: #11a782;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    padding: 5px 10px;
    margin-top: 5px;
}

    .search_area input[type='button']:HOVER {
        background-color: #10af88;
    }

.search_results .highlight {
    color: #dd4b39;
    border: none;
    background: none;
    padding: 0;
}

.search_results li {
    margin-bottom: 10px;
}

.search_results a {
    font-size: 16px;
}

.up_btn {
    position: fixed;
    bottom: 180px;
    right: 120px;
    font-size: 30px;
    cursor: pointer;
    display: none;
    color: #666;
}

    .up_btn:HOVER {
        color: #10af88;
    }

.dl_icon {
    line-height: 36px;
    float: right;
    padding: 0 15px;
    font-size: 20px;
}

    .dl_icon a {
        color: #10af88;
    }

.clear {
    clear: both;
}

/* 椤甸潰鍝嶅簲寮忔牱寮� */
@media ( min-width : 768px) {
    #sidebar {
        display: block;
        float: left;
        width: 22.5490196078431%;
    }

    .outer {
        width: 1045px;
        padding: 0 25px;
    }

    .page-content {
        width: 73%;
        float: right;
    }

    #main-nav {
        display: block;
    }

    #dl_icon {
        display: block;
    }

    #navi_icon {
        display: none;
    }

    .up_btn {
        right: 120px;
    }

    .version_s {
        display: inline;
    }

    .bdshare-slide-button {
        display: block !important;
    }
}

@media ( max-width : 768px) {
    #sidebar {
        width: 90%;
    }

    .outer {
        width: 95%;
        padding: 0;
    }

    .page-content {
        width: 95%;
    }

    #main-nav {
        display: none;
    }

    #dl_icon {
        display: none;
    }

    #navi_icon {
        display: block;
    }

    .up_btn {
        right: 40px;
    }

    .version_s {
        display: none;
    }

    .navi_show {
        display: block;
    }

    .navi_hidden {
        display: none;
    }

    .icon_active {
        color: #10af88;
    }

    .icon_no_active {
        color: #aaa;
    }

    .navi_icon {
        line-height: 36px;
        float: left;
        padding: 0 5px 0 0;
        font-size: 20px;
        cursor: pointer;
    }
    /* 鐧惧害鍒嗕韩鎸夐挳锛屽皬灞忓箷涓嶅嚭鐜� */
    .bdshare-slide-button {
        display: none !important;
    }
}

pre code {
    overflow: auto;
}
/*
Docco style used in http://jashkenas.github.com/docco/ converted by Simon Madine (@thingsinjars)
*/

.hljs {
    display: block;
    padding: 0.5em;
    color: #000;
    background: #f8f8ff
}

.hljs-comment,
.hljs-template_comment,
.diff .hljs-header,
.hljs-javadoc {
    color: #408080;
    font-style: italic
}

.hljs-keyword,
.assignment,
.hljs-literal,
.css .rule .hljs-keyword,
.hljs-winutils,
.javascript .hljs-title,
.lisp .hljs-title,
.hljs-subst {
    color: #954121;
}

.hljs-number,
.hljs-hexcolor {
    color: #40a070
}

.hljs-string,
.hljs-tag .hljs-value,
.hljs-phpdoc,
.tex .hljs-formula {
    color: #219161;
}

.hljs-title,
.hljs-id {
    color: #19469D;
}

.hljs-params {
    color: #00F;
}

.javascript .hljs-title,
.lisp .hljs-title,
.hljs-subst {
    font-weight: normal
}

.hljs-class .hljs-title,
.haskell .hljs-label,
.tex .hljs-command {
    color: #458;
    font-weight: bold
}

.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rules .hljs-property,
.django .hljs-tag .hljs-keyword {
    color: #000080;
    font-weight: normal
}

.hljs-attribute,
.hljs-variable,
.instancevar,
.lisp .hljs-body {
    color: #008080
}

.hljs-regexp {
    color: #B68
}

.hljs-class {
    color: #458;
    font-weight: bold
}

.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.ruby .hljs-symbol .hljs-keyword,
.ruby .hljs-symbol .keymethods,
.lisp .hljs-keyword,
.tex .hljs-special,
.input_number {
    color: #990073
}

.builtin,
.constructor,
.hljs-built_in,
.lisp .hljs-title {
    color: #0086b3
}

.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
    color: #999;
    font-weight: bold
}

.hljs-deletion {
    background: #fdd
}

.hljs-addition {
    background: #dfd
}

.diff .hljs-change {
    background: #0086b3
}

.hljs-chunk {
    color: #aaa
}

.tex .hljs-formula {
    opacity: 0.5;
}